<template>
    <div>
        <table>
            <tr>
                <th>id</th>
                <th>图书名字</th>
                <th>坐着</th>
                <th>出版社</th>
                <th>操作</th>
            </tr>
            <tr v-for="item in bookList" :key="item.id">
                <slot name="book" :row="item"></slot>
            </tr>
        </table>

    </div>
</template>

<script>
export default {
  name: 'BooksTable',
  props: {
    bookList: Array,
    default: () => []
  },
  data () {
    return {

    }
  },

  mounted () {

  },

  methods: {

  }
}
</script>

<style scoped>
table {
    width: 600px;
    border: 1px solid red;
    text-align: center;
}

tr th,
tr td{
    border: 1px solid red;

}

</style>
